<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>商品详情</title>
    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <script src="js/jquery.min.js"></script>
    <script src="bootstrap/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="css/style.css" />
</head>
<body>
    <nav class="navbar navbar-default com_top">
        <a href="javascript:history.go(-1);">
            <span class="glyphicon glyphicon-menu-left"></span>
        </a>
        <h4 class="navbar-text">商品详情</h4>
    </nav>
    <div class="container">
        <div class="cong_x1">
            <div class="cong-x1-img">
                <img class="img-fluid" src="img/gl.jpg">
            </div>
            <h4>进口狗粮</h4>
            <p>399元</p>
        </div>
        <hr class="cong-hr1"/>
        <!--left-->
        <div class="cong_x2">
            <div class="col-xs-6">
                <p>物品类型：<span>实物</span></p>
                <p>单位：<span>瓶</span></p>
                <!--<p>开始时间：<span>2018-01-02</span></p>
                <p>开始时间：<span>2018-01-02</span></p>-->
            </div>
            <div class="col-xs-6">
                <p>物品数量：<span>50件</span></p>
                <!--<p>人气：<span>40</span></p>-->
            </div>
            <div class="col-xs-12 cong_btn1">
                <button type="button" class="btn">点击购买</button>
            </div>
        </div>
    </div>
</body>
</html>